<template>
  <div>
    <table-ext :columns="columns" :searchForm="searchForm" :config="config" ref="tableExt">
    </table-ext>
    <!-- 新增&修改弹框 -->
  </div>
</template>
<script>
  import TableExt from '@/components/common/table-ext/table-ext.vue';
  import TableIcon from '@/components/common/table-ext/table-icon';
  export default {
    // 引入自定义表格组件
    components: {
      'table-ext': TableExt
    },
    data() {
      return {
        config: { // 页面共通配置
          title: '公司', //页面标题
          isPage: true, //是否分页
          isNo: false, //是否显示序号
          crudMapping: { // CRUD方法
            query: {
              url: this.lib.config.host.masterData + '/system/cmpMgt/company/query'
            }
          }
        },
        // 查询表单配置
        searchForm: [{
          //显示标签
          label: '公司编码',
          //数据字段
          key: 'companyCode',
          //标签类型
          type: 'input'
        }, {
          label: 'ERP编码',
          key: 'companyErpCode',
          type: 'input'
        }, {
          label: '公司名称',
          key: 'companyName',
          type: 'input'
        }],
        // 表格列定义
        columns: [{
            label: '公司编码',
            key: 'companyCode',
            align: 'center'
          }, {
            label: 'ERP编码',
            key: 'companyErpCode',
            align: 'center'
          }, {
            label: '公司名称',
            key: 'companyName',
            width: '260',
            align: 'center'
          }, {
            label: '公司简称',
            key: 'companyShortName',
            width: '260',
            align: 'center'
          }, {
            label: '公司地址',
            key: 'address',
            width: '220',
            align: 'center'
          }, {
            label: '公司邮编',
            key: 'postCode',
            width: '140',
            align: 'center'
          }, {
            label: '公司电话',
            key: 'tel',
            width: '140',
            align: 'center'
          }, {
            label: '开户行',
            key: 'bankName',
            width: '160',
            align: 'center'
          }, {
            label: '银行账户',
            key: 'bankAccount',
            width: '160',
            align: 'center'
          },
          {
            label: '最后修改时间',
            key: 'lastModifyTime',
            width: '180',
            align: 'center'
          }
        ]
      }
    }
  }

</script>
